<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>我的在线简历</title>
    <link rel="stylesheet" href="styles.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body>
    <div class="container">
        <!-- 侧边栏 -->
        <aside class="sidebar">
            <img src="tx.jpg" alt="陈德广" class="profile-img">
            <h1>陈德广</h1>
            <p>Java开发工程师</p>
            
            <div class="contact-info">
                <h2>联系方式</h2>
                <div><i class="fas fa-phone"></i> 15799016353</div>
                <div><i class="fas fa-envelope"></i> 3057494433@qq.com</div>
                <div><i class="fab fa-github"></i> <a href="https://gitee.com/cdg6666" target="_blank" style="color: inherit;">gitee.com/cdg6666</a></div>
            </div>
            
            <div class="skills">
                <h2>技能专长</h2>
                <ul>
                    <li>Java/Python编程</li>
                    <li>Spring Boot/MyBatis</li>
                    <li>MySQL/Oracle</li>
                    <li>HTML/CSS/JavaScript</li>
                    <li>Linux/Git</li>
                </ul>
            </div>
        </aside>
        
        <!-- 主内容区 -->
        <main class="main-content">
            <section class="section">
                <h2>教育背景</h2>
                <div class="education-item">
                    <div class="item-header">
                        <h3>海南经贸职业技术学院</h3>
                        <span class="date">2023.09 - 2026.06</span>
                    </div>
                    <div class="item-content">
                        <p>软件技术专业</p>
                        <p>主修课程: Java编程、数据库原理、Web开发、数据结构与算法</p>
                    </div>
                </div>
            </section>
            
            <section class="section">
                <h2>项目经验</h2>
                <div class="project-item">
                    <div class="item-header">
                        <h3>学生信息管理系统</h3>
                        <span class="date">2024.09 - 2024.12</span>
                    </div>
                    <div class="item-content">
                        <p>典型的全栈 Python web 开发项目，帮助学校或教育机构高效地管理学生信息，支持学生和课程的增删改查、管理学生成绩等功能。</p>
                        <p><strong>职责:</strong> 负责前后端开发，设计数据库表结构，网站维护和部署。</p>
                        <div class="tech-stack">
                            <span class="tech-item">Python</span>
                            <span class="tech-item">Spring Boot</span>
                            <span class="tech-item">MySQL</span>
                            <span class="tech-item">HTML/CSS</span>
                            <span class="tech-item">JavaScript</span>
                        </div>
                        <a href="https://gitee.com/cdg6666/websys/tree/master/flask" target="_blank" class="view-project-btn">查看项目</a>
                    </div>
                </div>
                
                <div class="project-item">
                    <div class="item-header">
                        <h3>5527宿舍网站</h3>
                        <span class="date">2025.03 - 2025.06</span>
                    </div>
                    <div class="item-content">
                        <p>展示宿舍成员信息的基本内容、生活动态</p>
                        <p><strong>职责:</strong> 负责前后端开发，页面内容的排版和样式设计，实现响应式，轮播功能和其他交互效果。</p>
                        <div class="tech-stack">
                            <span class="tech-item">HTML</span>
                            <span class="tech-item">CSS</span>
                            <span class="tech-item">JavaScript</span>
                        </div>
                        <a href="https://gitee.com/cdg6666/weby_1/tree/master/%E4%BD%9C%E4%B8%9A" target="_blank" class="view-project-btn">查看项目</a>
                    </div>
                </div>
            </section>
            
            <section class="section">
                <h2>获奖情况</h2>
                <div class="award-item">
                    <div class="item-content">
                        <p><strong>2022年校级编程大赛一等奖</strong> (并非)</p>
                        <p><strong>2021年国家励志奖学金</strong> (并非)</p>
                    </div>
                </div>
            </section>
            
            <section class="section">
                <h2>自我评价</h2>
                <div class="item-content">
                    <p class="self-eval">作为一名热爱编程的软件技术专业学生，我具备扎实的Java开发基础和良好的编程思维。在校期间，我系统学习了Java编程、数据库原理、Web开发等核心课程，并通过多个项目实践积累了丰富的实战经验。</p>
                    
                    <p class="self-eval">我拥有较强的学习能力和问题解决能力，能够快速掌握新技术并应用于实际开发中。在团队合作中，我积极主动，善于沟通，能够与团队成员高效协作完成项目目标。</p>
                    
                    <p class="self-eval">我对软件开发充满热情，持续关注行业技术动态，经常通过技术博客、开源项目等方式提升自己的技术水平。我期待将所学知识应用于实际工作中，与团队共同成长，为公司创造价值。</p>
                </div>
            </section>
        </main>
    </div>
    
    <!-- 打印按钮 - 更新部分 -->
    <button class="print-btn" onclick="window.print()" title="打印简历">
        <i class="fas fa-print"></i>
    </button>
    
    <script>
        // 打印前优化
        window.onbeforeprint = function() {
            // 可以在这里添加打印前的额外处理
            console.log("准备打印简历...");
        };
        
        // 确保按钮始终可见
        window.onscroll = function() {
            // 按钮已经是fixed定位，不需要额外处理
        };
    </script>
</body>
</html>